<template>
  <div class="home">
         <my-tab v-model="active" @chose="chose">
            <my-tab-item>精选</my-tab-item>
            <my-tab-item>推荐</my-tab-item>
            <my-tab-item>内衣</my-tab-item>
            <my-tab-item>电影</my-tab-item>
        </my-tab>
  </div>
</template>

<script>
import myTab from '../components/myTab/myTab'
export default {
  name: 'Home',

  components: {
     myTab
  },

  data() {
        return {
            active:0
        };
    },
  methods:{
    chose(ind){
      this.active++
    }
  }
}
</script>

<style lang="scss" scoped>

</style>